<!DOCTYPE html>
<html lang="zh" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <title>Ryan Wang's Blog</title>
    <meta charset="utf-8">
    <meta name="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="Ryan Wang">
    <meta name="description" content="Ryan Wang 的博客。">
    <meta name="keywords" content="ryan0up,halo博客,halo,java,ruibaby,ryanwang">
    <link rel="alternate" type="application/atom+xml" title="ATOM 1.0" href="/atom.xml">
    <meta charset="utf-8">
    <meta name="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="telephone=no" name="format-detection">
    <meta name="renderer" content="webkit">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css" integrity="sha256-eSi1q2PG6J7g7ib17yAaWMcrr5GrtohYChqibrV7PBE=" crossorigin="anonymous">
    <link rel="stylesheet" href="/halo-theme-Journal/source/css/journal.min.css">
        <meta name="robots" content="none">
    <meta name="generator" content="Halo "/>
    <script data-ad-client="ca-pub-5271828906478846" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

        <link rel="shortcut icon" type="images/x-icon" href="https://ryanc.cc/upload/2018/4/favicon.png">
    <script src="/halo-theme-Journal/source/js/loadCSS.js"></script>

    <!-- Import prettify css  -->

    <script>
        loadCSS("https://fonts.googleapis.com/css?family=Lora|Montserrat|Fira+Mono|Material+Icons");
    </script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-110780416-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-110780416-1');
</script>

    <noscript>
        <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lora|Montserrat|Anonymous+Pro:400|Material+Icons"/>
    </noscript>
</head>
<body>
<div id="top"></div>
<div id="app"><div class="single-column-drawer-container" ref="drawer"
     v-bind:class="{ 'single-column-drawer-container-active': isDrawerOpen }">
    <div class="drawer-content">
        <div class="drawer-menu">
                            <a class="a-block drawer-menu-item" href="/" target="_self">
                    Home
                </a>
                <a class="a-block drawer-menu-item" href="/archives" target="_self">
                    Archives
                </a>
                <a class="a-block drawer-menu-item" href="/links" target="_self">
                    Links
                </a>
                <a class="a-block drawer-menu-item" href="/journals" target="_self">
                    Journals
                </a>
                <a class="a-block drawer-menu-item" href="/s/about" target="_self">
                    About
                </a>

            <a class="a-block drawer-menu-item" href="/atom.xml">
                RSS
            </a>
        </div>
    </div>
</div>
<transition name="fade">
    <div v-bind:class="{ 'single-column-drawer-mask': mounted }" v-if="isDrawerOpen" v-on:click="toggleDrawer"></div>
</transition>
<nav ref="navBar" class="navbar sticky-top navbar-light single-column-nav-container">
    <div ref="navBackground" class="nav-background"></div>
    <div class="container container-narrow nav-content">
        <button id="nav_dropdown_btn" class="nav-dropdown-toggle" type="button" v-on:click="toggleDrawer">
            <i class="material-icons">
                menu
            </i>
        </button>
        <a ref="navTitle" class="navbar-brand" href="">
            Ryan Wang's Blog
        </a>
    </div>
</nav>
<div class="single-column-header-container" ref="pageHead"
     v-bind:style="{ transform: 'translateZ(0px) translateY('+.3*scrollY+'px)', opacity: 1-navOpacity }">
    <a href="">
        <div class="single-column-header-title">Ryan Wang's Blog</div>
        <div class="single-column-header-subtitle">Life is fantastic.</div>
    </a>
</div><div ref="sideContainer" class="side-container">
    <a class="a-block nav-head active" href="">
        <div class="nav-title">
            Ryan Wang's Blog
        </div>
        <div class="nav-subtitle">
            Life is fantastic.
        </div>
    </a>

    <div class="nav-link-list">

                <a class="a-block nav-link-item" href="/" target="_self">
                    Home
                </a>
                <a class="a-block nav-link-item" href="/archives" target="_self">
                    Archives
                </a>
                <a class="a-block nav-link-item" href="/links" target="_self">
                    Links
                </a>
                <a class="a-block nav-link-item" href="/journals" target="_self">
                    Journals
                </a>
                <a class="a-block nav-link-item" href="/s/about" target="_self">
                    About
                </a>

        <a class="a-block no-tint nav-link-item" href="/atom.xml">
            RSS
        </a>
    </div>

    <div class="nav-footer">
        Proudly published with <a href="https://halo.run/" target="_blank" rel="noreferrer noopener">Halo</a><br>
        Theme <a href="https://github.com/SumiMakito/hexo-theme-journal/" target="_blank" rel="noreferrer noopener">Journal.</a> by <a href="https://mak1t0.cc/" target="_blank" rel="noreferrer noopener">Makito</a><br>
        &copy; 2019 <a href="">Ryan Wang's Blog</a>
    <br />
Server on Raspberry Pi
<br />
<a href="https://www.upyun.com/" target="_blank"><img src="/upload/2018/5/又拍云_logo5.png" style="width:48px"></img></a>
<script>
console.log("%c    __  __      __\n" +
                "   / / / /___ _/ /___\n" +
                "  / /_/ / __ `/ / __ \\\n" +
                " / __  / /_/ / / /_/ /\n" +
                "/_/ /_/\\__,_/_/\\____/ %c v1.1.1 https://github.com/halo-dev/halo","color:#4571ca;","color:red");
</script>
    </div>
</div><div ref="extraContainer" class="extra-container">
    <div class="pagination">
        <a id="globalBackToTop" class="pagination-action animated-visibility" href="#top" :class="{ invisible: scrollY == 0 }">
            <i class="material-icons pagination-action-icon">
                keyboard_arrow_up
            </i>
        </a>

                <div class="pagination-indicator">
                    <span style="text-align: center">
                        2<br><div style="display: inline-block; transform: rotate(-28deg)">-</div><br>4
                    </span>
                </div>

                    <a class="pagination-action" href="/">
                    <i class="material-icons pagination-action-icon">
                        chevron_left
                    </i>
                </a>

                <a class="pagination-action" href="/page/3">
                    <i class="material-icons pagination-action-icon">
                        chevron_right
                    </i>
                </a>
    </div>
</div>
<div ref="streamContainer" class="stream-container">
    <div class="post-list-container post-list-container-no-background">
        <a href="/archives/docker-env" class="a-block">
            <div class="post-item-wrapper">
                <div class="post-item post-item-no-divider">
                    <div class="post-item-info-wrapper">
                        <div class="post-item-title">
                            Docker 环境变量的运用
                        </div>
                        <div class="post-item-summary">
                            前段时间发布了Halo的DockerCompose部署教程，该方法可以自动完成Nginx配置以及SSL证书的配置，实现了Halo最便捷的部署方式，可最近确发现了一个问题，就是部署的时候不太方便修改内置数据库的用户名和密码，使用的是默认的admin和123456，当初考虑到安全问题，就禁用了h2数据库...
                        </div>
                        <div class="post-item-meta">
                            2018-12-29
                        </div>
                    </div>
                    <div class="post-item-image-wrapper">
                        <div class="post-item-image" style="background-image: url('https://cdn.ryanc.cc/img/blog/thumbnails/d547a574b359cb543fbdc6b69887c70e.jpg')"></div>
                    </div>
                </div>
            </div>
        </a>
        <a href="/archives/docker-compose-run-jpress" class="a-block">
            <div class="post-item-wrapper">
                <div class="post-item post-item-no-divider">
                    <div class="post-item-info-wrapper">
                        <div class="post-item-title">
                            Docker Compose 部署JPress教程
                        </div>
                        <div class="post-item-summary">
                            安装Docker和DockerCompose这里使用的服务器系统版本为CentOS7.3，其他Linux发行版安装Docker和DockerCompose的方式大同小异，大家自行查阅资料。安装必要依赖sudoyuminstall-yyum-utilsdevice-mapper-persistent-...
                        </div>
                        <div class="post-item-meta">
                            2018-12-10
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <a href="/archives/docker-compose-run-halo" class="a-block">
            <div class="post-item-wrapper">
                <div class="post-item post-item-no-divider">
                    <div class="post-item-info-wrapper">
                        <div class="post-item-title">
                            Docker Compose 部署Halo教程
                        </div>
                        <div class="post-item-summary">
                            上一篇文章讲到了使用Docker运行Halo，但是仅仅只是运行起来了Halo，并没有讲到如何使用Nginx进行反向代理以绑定域名，也没有讲到如何配置HTTPS，所以这篇文章将向大家演示一下如何使用DockerCompose部署Halo，并自动配置Nginx以及SSL证书。整个过程最慢不超过10分钟。...
                        </div>
                        <div class="post-item-meta">
                            2018-12-08
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <a href="/archives/no-refresh-to-next-page" class="a-block">
            <div class="post-item-wrapper">
                <div class="post-item post-item-no-divider">
                    <div class="post-item-info-wrapper">
                        <div class="post-item-title">
                            无刷新加载下一页方案解析
                        </div>
                        <div class="post-item-summary">
                            前段时间移植了一个Ghost的主题的时候（就是我现在用的这个），发现这个下拉加载下一页特别有意思，只用了短短几行代码，且后端没有重写请求方法，就轻而易举的实现了，于是乎就简单分析了一下。以供有需要的人参考一下。之前是这样做的我之前做这种无刷新加载下一页都是用的字符串拼接，把html代码和新的数据拼接...
                        </div>
                        <div class="post-item-meta">
                            2018-12-06
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <a href="/archives/halo-docker" class="a-block">
            <div class="post-item-wrapper">
                <div class="post-item post-item-no-divider">
                    <div class="post-item-info-wrapper">
                        <div class="post-item-title">
                            Halo博客系统-Docker版
                        </div>
                        <div class="post-item-summary">
                            好消息，Halo现已加入Docker自动构建套餐。鉴于之前有很多对Java不是很熟悉的人想要部署Halo而又问题重重，于是乎，在多次调教下，Halo现在已经自动在DockerHub构建了。废话少说，先上图使用方法安装Docker安装Docker有很多方式，按照你系统环境来安装吧，具体教程请看：Doc...
                        </div>
                        <div class="post-item-meta">
                            2018-10-18
                        </div>
                    </div>
                    <div class="post-item-image-wrapper">
                        <div class="post-item-image" style="background-image: url('/upload/2018/9/image-153986743963920181018205745496.png')"></div>
                    </div>
                </div>
            </div>
        </a>
        <a href="/archives/springboot-package" class="a-block">
            <div class="post-item-wrapper">
                <div class="post-item post-item-no-divider">
                    <div class="post-item-info-wrapper">
                        <div class="post-item-title">
                            Spring Boot另类的打包方式
                        </div>
                        <div class="post-item-summary">
                            这一篇是我很久之前发在头条上的，今天转过来。SpringBoot在近来是非常受开发者欢迎的，简化了配置方式，不需要再配置繁琐的xml，内嵌web容器等等。相对于SSM，本人更喜欢使用SpringBoot开发Web项目。总所周知，SpringBoot提供了两种打包方式，即Jar和War。前者内置了we...
                        </div>
                        <div class="post-item-meta">
                            2018-09-25
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <a href="/archives/lai-shen-zhen-yi-yue-hou-you-gan" class="a-block">
            <div class="post-item-wrapper">
                <div class="post-item post-item-no-divider">
                    <div class="post-item-info-wrapper">
                        <div class="post-item-title">
                            来深圳一月后有感
                        </div>
                        <div class="post-item-summary">
                            来深圳也有一个多月了，也慢慢习惯这边的生活了，遂撰文记录一下这难忘的一月。难忘的第一天还是第一次一个人出远门，父母担心我的安全，所以坚持让我坐飞机过来，不让我坐火车（还没有做过火车）。于是乎买了凌晨5点的特价飞机票，由于第一次坐飞机怕没经验导致误机，所以我两点多就到了机场（一夜没睡），早早的把登机牌...
                        </div>
                        <div class="post-item-meta">
                            2018-09-24
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <a href="/archives/halo-run-with-git-maven" class="a-block">
            <div class="post-item-wrapper">
                <div class="post-item post-item-no-divider">
                    <div class="post-item-info-wrapper">
                        <div class="post-item-title">
                            Halo-部署教程
                        </div>
                        <div class="post-item-summary">
                            11月22号更新安装视频教程环境要求JDK1.8以上。Maven3.x。数据库MySQL5.5以上MariaDB或者直接使用H2Database，免安装。Git再次声明，不需要单独安装Tomcat之类的web容器。需要注意的是：如果使用一键安装脚本（后面会讲到），那么你只需要安装数据库即可（如果使用...
                        </div>
                        <div class="post-item-meta">
                            2018-07-23
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <a href="/archives/halo-add-menu" class="a-block">
            <div class="post-item-wrapper">
                <div class="post-item post-item-no-divider">
                    <div class="post-item-info-wrapper">
                        <div class="post-item-title">
                            Halo-菜单栏添加菜单教程
                        </div>
                        <div class="post-item-summary">
                            之前有部分人反馈说不知道菜单栏可以添加哪些菜单，而且添加菜单的时候也不可以选择路径（会有的），于是乎只能慢慢探索可以添加的路径，下面就详细罗列一下可以添加的路径。系统预设路径名称路径说明首页/主页路径归档页面/archives文章归档的页面友情链接/links友情链接页面，需要主题自带图库/gall...
                        </div>
                        <div class="post-item-meta">
                            2018-07-08
                        </div>
                    </div>
                    <div class="post-item-image-wrapper">
                        <div class="post-item-image" style="background-image: url('https://ryanc.cc/upload/2019/6/屏幕快照 2019-06-20 下午10.24.35-eeb0a068cb064bc69cff61862f5bc41f.png')"></div>
                    </div>
                </div>
            </div>
        </a>
        <a href="/archives/halo-add-html-page" class="a-block">
            <div class="post-item-wrapper">
                <div class="post-item post-item-no-divider">
                    <div class="post-item-info-wrapper">
                        <div class="post-item-title">
                            Halo-自助添加HTML静态页面
                        </div>
                        <div class="post-item-summary">
                            昨天有人问我怎么在Halo添加HTML静态页面，开始想的是把静态页面放到resources/static目录下，这样略麻烦。后面想了想，可以通过主题的方式来上传静态页面，非常方便。实现原理Halo给resources/templates/themes添加了资源映射，所以访问themes目录的资源只需...
                        </div>
                        <div class="post-item-meta">
                            2018-06-24
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <div class="pagination index-page">
                    <a class="pagination-action" href="/" style="opacity: 1">
                <i class="material-icons pagination-action-icon">
                    chevron_left
                </i>
                </a>
                <div class="pagination-indicator">
                    <span>2/4</span>
                </div>
                <a class="pagination-action" href="/page/3" style="opacity: 1">
                    <i class="material-icons pagination-action-icon">
                        chevron_right
                    </i>
                </a>
        </div>
    </div>
<div class="single-column-footer">
    Proudly published with <a href="https://halo.run/" target="_blank" rel="noreferrer noopener">Halo</a><br>
        Theme <a href="https://github.com/SumiMakito/hexo-theme-journal/" target="_blank" rel="noreferrer noopener">Journal.</a> by <a href="https://mak1t0.cc/" target="_blank" rel="noreferrer noopener">Makito</a><br>
    &copy; 2019 <a href="">Ryan Wang's Blog</a>
    <br />
Server on Raspberry Pi
<br />
<a href="https://www.upyun.com/" target="_blank"><img src="/upload/2018/5/又拍云_logo5.png" style="width:48px"></img></a>
<script>
console.log("%c    __  __      __\n" +
                "   / / / /___ _/ /___\n" +
                "  / /_/ / __ `/ / __ \\\n" +
                " / __  / /_/ / / /_/ /\n" +
                "/_/ /_/\\__,_/_/\\____/ %c v1.1.1 https://github.com/halo-dev/halo","color:#4571ca;","color:red");
</script>
</div></div>

</div>
<script src="//cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="//cdn.jsdelivr.net/npm/popper.js@1.14.4/dist/umd/popper.min.js"
        integrity="sha256-EGs9T1xMHdvM1geM8jPpoo8EZ1V1VRsmcJz8OByENLA=" crossorigin="anonymous"></script>
<script src="//cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js"
        integrity="sha256-VsEqElsCHSGmnmHXGQzvoWjWwoznFSZc6hs7ARLRacQ=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js"
        integrity="sha256-chlNFSVx3TdcQ2Xlw7SvnbLAavAQLO0Y/LBiWX04viY=" crossorigin="anonymous"></script>
<script src="//cdn.jsdelivr.net/npm/smooth-scroll@14.2.1/dist/smooth-scroll.polyfills.min.js"
        integrity="sha256-CI4Gq5E0io1Pv0xM3qPM+NUIOhbIBvC3GiN1Y4KhXpw=" crossorigin="anonymous"></script>
<script src="/halo-theme-Journal/source/js/journal.js"></script>

<!-- Import prettify js  -->
</body>
</html>